2019/12/30 P5js & Open Processing Report Report


P5jsを使って家紋を作ろう!

作った家紋
01

作成方法
01


1.createCanvas(600, 600); で、まず背景を作成。

2.background(230, 230, 0); で背景の色を指定。 今回は黄色。

3.fill(175, 0, 0); でひし形の色を赤色にした。

4.quad、stroke、strokeWeighなどを使ってひし形を作成していき、lineで線を引く。

5.完成!



改善点



X軸とY軸などの関係性を理解できていないと少々手こずると思われる。(手こずった)
全て数字や、コードなどで指定しないといけないので、どれがどの部分に対応しているかなどを、
きちんと把握しながら行わねばならないため、(把握していないとそもそも書けない)適当にやると必ず失敗する。
今回私は、得意な友人に手伝ってもらったり、教わりつつ課題に取り組んだために、理解度がまだ浅い。
公式のサイトなどを閲覧しながら、自主的に、地道に知識を蓄えて行くべきだと感じた。